<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>Mobius Menu</title>
        <style type="text/css" media="screen">
        <!--
        BODY { background-color: white; background-image: url(imgs/background.png); margin: 0px; padding: 0; font: 90% arial, "Trebuchet MS", verdana, sans-serif; font-size:; }
        DIV.container { width: 190px;}
        TEXTAREA { width: 80%;}
        FIELDSET { border: 1px solid #ccc; padding: 1em; margin: 0; }
        LEGEND { color: #ccc; font-size: 100%; }
        INPUT, TEXTAREA { font-family: Arial, verdana; font-size: 100%; padding: 7px; border: 1px solid #999; }
        LABEL { display: block; margin-top: 10px; } 
        IMG { margin-top: 5px; margin-left: 25%; }

        h2 {
            margin: 0;
        }

        .drawers-wrapper {
            position: relative;
            width: 186px;
            
        }

        .drawer {
            background-repeat: repeat-x;
            background-color: white;
            border-right-color: gray;
            border-right-style: solid;
            border-right-width: 1px;
            background:transparent url(imgs/bg_textmenu.gif) scroll 0pt;
            color:#76797C;
            font-size:11px;
            line-height:1.3em;
        }

        .boxcap {
            height: 5px;
            left:0pt;
            width:100%;
            z-index:100;
            background:transparent url(imgs/bottom.png) no-repeat scroll 0%;
            margin-top: -5px;
        }

        .captop {
            bottom:auto;
            top:0pt;
            margin-top:0;
        }

        .drawers {
            font-family: Arial, Helvetica, Verdana, sans-serif;
            margin-bottom:15px;
            color:#76797C;
            font-size:11px;
            line-height: 18px;
        }

        .drawers A {
            width: 166px;
            font-family: Arial, Helvetica, Verdana, sans-serif;
            color:#666666;
            text-decoration:none;
            font-size-adjust:none;
            font-variant:normal;
        }

        .drawers A:hover {
            width: 166px;
            font-family: Arial, Helvetica, Verdana, sans-serif;
            text-decoration: underline;
            font-size-adjust:none;
            font-variant:normal;
        }

        .drawer li {
            border-top-color: #dfe1e3;
            border-bottom-color: #E5E5E5;
            border-top-style: solid;
            border-bottom-style: solid;
            border-top-width: 1px;
            border-bottom-width: 0px;
            width: 166px;
            line-height:16px;
            padding:2px 0pt;
        }

        .drawer li:hover {
            border-top-style: solid;
            border-bottom-style: solid;
            border-top-color: #c7c7c7;
            border-bottom-color: #E5E5E5;
            border-top-width: 1px;
            border-bottom-width: 0px;
            background-repeat: no-repeat;
            background-position: 100%;
            background-image: url(imgs/bullet.png);
            width: 166px;
            line-height:16px;
            padding:2px 0pt;
        }

        UL {
            list-style: none;
            padding: 0;
        }

        UL.drawers {
            margin: 0;
        }

        .drawer-handle {
            border-right-style: solid;
            border-right-color: gray;
            border-right-width: 1px;
            border-top-color: gray;
            border-top-style: solid;
            border-top-width: 1px;
            border-bottom-color: gray;
            border-bottom-width: 0px;
            border-bottom-style: solid;
            background:#939393 url(imgs/menu_titlebg.png) no-repeat scroll 0pt;
            cursor:default;
            font-size: 11px;
            font-weight: bold;
            height:25px;
            line-height:25px;
            margin-bottom:0pt;
            text-indent:15px;
            width:100%;
            
            bottom:1px;
			color:black;
			font-weight:bold;
			text-shadow:0 1px 0 white;
        }

        .drawer-handle.open {
            font-weight: bold;
            border-right-style: solid;
                              
            border-right-color: gray;
                              
            border-right-width: 0px;
                              
            background-position:-190px 0pt;
            bottom:1px;
			font-weight:bold;
            color:white;
			text-shadow:0 1px 0 black;
        }

        .drawer UL {
            padding: 0 12px;
            padding-bottom:0pt;
        }

        .drawer-content UL {
            padding-top: 7px;
        }

        .drawer-content LI A {
            display:block;
            overflow:hidden;
        }

        .alldownloads li {
            border:0pt none;
            line-height:18px;
            padding:0pt;
        }
        
        	#contenedor {background-color: #ababab; border-right-width: 1px; border-right-color: gray; border-right-style: solid; background-position: 0 100%; z-index: -1; position: absolute; height: 100%; width: 185px;}
        	.subtitulo { background-position: 100%; font-weight: bold; color: black; text-align: center; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; }
        	-->
        </style>
        
        <style type="text/css">
</style>

    <script src="jquery-1.2.1.js" type="text/javascript"></script>
    <script src="jquery.dimensions.js" type="text/javascript"></script>
    <script src="jquery.accordion.js" type="text/javascript"></script>

    <script type="text/javascript">
    <!--
    $(function () {
        $('ul.drawers').accordion({
            header: 'H2.drawer-handle',
            selectedClass: 'open',
            event: 'mouseover'
        });
    });
    //-->    
    </script>
</head>
<body id="page">
	<div id="contenedor"></div>
    <div class="drawers-wrapper">
    <ul class="drawers">
     <li class="drawer">
            <h2 class="drawer-handle open">Ejemplos</h2>
            <ul>
				<li><a title="1" href="../ejmMantenimiento.html" target="principal">Mantenimiento</a></li>
				<li><a title="2" href="../ejmMantenimientoTabs.html" target="principal">Mantenimiento + Tabs</a></li>
				<li><a title="3" href="../ejmBusquedas.html" target="principal">Busquedas</a></li>
    </ul>
        </li>
       <li class="drawer">
            <h2 class="drawer-handle">Ventas</h2>
            <ul>
                <li class="subtitulo">Mantenimientos</li>
				<li><a title="Clientes" href="../miMantenimiento.jsp">Clientes</a></li>
				<li><a title="Zonas" href="">Zonas</a></li>
				<li><a title="Pedidos" href="">Pedidos</a></li>
				<li><a title="Documento_Pago" href="">Documento Pago</a></li>
				<li><a title="Lista_Precios" href="">Lista Precios</a></li>
				<li><a title="Tipos_vendedor" href="">Tipos Vendedor</a></li>
				<li><a title="Visitas" href="">Visitas</a></li>
				<li><a title="Factor_Redimiento" href="">Factor Redimiento</a></li>
 				<li><a title="Descuentos" href="">Descuentos</a></li>
				<li><a title="Promociones" href="">Promociones</a></li>
				<li class="subtitulo">Reportes</li>
				<li><a title="Lista_Pedidos" href="">Lista Pedidos</a></li>
				<li><a title="Lista_PreciosCliente" href="">Lista Precios Cliente</a></li>
				<li><a title="Ventas" href="">Ventas</a></li>
				<li><a title="Factor_Redimiento" href="">Factor Redimiento y Comisiones por Vendedor</a></li>
				<li><a title="Productos_Vendidos" href="">Productos mas Vendidos</a></li>
                <li><a title="Cronogramas_Visitas" href="">Cronogramas Visitas</a></li>
                <li><a title="Bonificaciones" href="">Bonificaciones</a></li>
				<li><img src="imgs/menu_ventas.png" alt="menu_ventas" width="74" height="89"/></li>
            </ul>
        </li>
        
        <li class="drawer">
            <h2 class="drawer-handle">Compras</h2>
            <ul>
                <li class="subtitulo">Mantenimientos</li>
				<li><a title="Proveedor" href="">Proveedor</a></li>
				<li><a title="Orden_Compra" href="">Orden Compra</a></li>
				<li><a title="Lista_Precios" href="">Lista Precios</a></li>
				<li><a title="Factura" href="">Factura</a></li>
				<li class="subtitulo">Transacciones</li>
				<li><a title="Requerimiento_Inventario" href="">Requerimiento Inventario</a></li>
				<li><a title="MRP" href="">MRP</a></li>
				<li><img src="imgs/menu_compras.png" alt="menu_ventas" width="74" height="89"/></li>				
            </ul>
        </li>
        
        <li class="drawer">
            <h2 class="drawer-handle">Inventario</h2>
            <ul>
                <li class="subtitulo">Mantenimientos</li>
				<li><a title="Zona" href="">Zona</a></li>
				<li><a title="Almacen" href="">Almacen</a></li>
				<li><a title="Tipo_Producto" href="">Tipo Producto</a></li>
				<li><a title="Productos" href="">Productos</a></li>
				<li><a title="Item" href="">Item</a></li>
				<li><a title="Motivos_Movimientos" href="">Motivos Movimientos</a></li>
				<li><a title="Lote" href="">Lote</a></li>
				<li class="subtitulo">Transacciones</li>
				<li><a title="Solicitar_Abastecimiento" href="">Solicitar Abastecimiento</a></li>
				<li><a title="Traslado_Interno" href="">Traslado Interno</a></li>
				<li><a title="Movimiento" href="">Movimiento Entrada/Salida</a></li>
				<li><a title="Buscar_Packing" href="">Buscar Packing</a></li>
				<li><a title="Verificar_Existencias" href="">Verificar_Existencias</a></li>
				<li><a title="Cerrar_OrdenCompra" href="">Cerrar Orden Compra</a></li>
				<li class="subtitulo">Reportes</li>
				<li><a title="Kardex" href="">Kardex</a></li>
				<li><a title="Orden_Despacho" href="">Orden Despacho</a></li>
				<li><a title="Guia_Remision" href="">Guia Remision</a></li>
				<li><img src="imgs/menu_inventario.png" alt="menu_ventas" width="74" height="89"/></li>				
            </ul>
        </li>
        
        
        <li class="drawer">
            <h2 class="drawer-handle">Cuentas por Cobrar</h2>
            <ul>
                <li class="subtitulo">Mantenimientos</li>
				<li><a title="Condicion_Pago" href="">Condicion de Pago</a></li>
				<li><a title="Cobradores" href="">Cobradores</a></li>
				<li class="subtitulo">Transacciones</li>
				<li><a title="Linea_Credito_Manual" href="">Línea crédito cliente manual</a></li>
				<li><a title="Linea_Credito_Automatico" href="">Línea crédito cliente automático</a></li>
				<li><a title="Docmuento_Debito" href="">Documento Debito</a></li>
				<li><a title="Docmuento_credito" href="">Documento Credito</a></li>
 				<li><a title="Aplicar_Documento" href="">Aplicar Documento</a></li>
				<li><a title="Anular_Documento" href="">Anular Documento</a></li>
				<li><a title="Refinanciar_Documento" href="">Refinanciar Documento</a></li>
				<li><a title="Renovar_Letra" href="">Renovar Letra</a></li>
				<li><a title="Asignar_cliente_cobrador" href="">Asignar cliente cobrador</a></li>
				<li class="subtitulo">Reportes</li>
				<li><a title="Ruta_Cobranza" href="">Ruta Cobranza</a></li>
				<li><a title="Estado_Cuenta_Cliente" href="">Estado Cuenta Cliente</a></li>
				<li class="subtitulo">Configurar</li>
				<li><a title="Parametros_Modulo" href="">Parametros Modulo</a></li>
				<li><img src="imgs/menu_cobrar.png" alt="menu_ventas" width="74" height="89"/></li>				
            </ul>
        </li>
        
        
        <li class="drawer">
            <h2 class="drawer-handle">Cuentas por Pagar</h2>
            <ul>
                <li class="subtitulo">Mantenimientos</li>
				<li><a title="Asientos" href="">Asientos</a></li>
				<li><a title="Paquetes" href="">Paquetes</a></li>
				<li><a title="Cheques" href="">Cheques</a></li>
				<li><a title="Centro_Costo" href="">Centro Costo</a></li>
				<li><a title="Cuenta_Contable" href="">Cuenta_Contable</a></li>
				<li><a title="Plantillas" href="">Plantillas</a></li>
				<li><a title="Tipo_Cuenta" href="">Tipo Cuenta</a></li>
				<li><a title="Moneda" href="">Moneda</a></li>
				<li><a title="Forma_Pago" href="">Forma Pago</a></li>
				<li><a title="Documento_Cuentas_Pagar" href="">Documento Cuentas por Pagar</a></li>
				<li><a title="Registrar_Tipo_Cambio" href="">Registrar Tipo Cambio</a></li>
				<li class="subtitulo">Transacciones</li>
				<li><a title="Asiento_Plantilla" href="">Asientos a partir de plantilla</a></li>
				<li><a title="Aplicar_Documento_Debito" href="">Aplicar Documento Debito</a></li>
				<li><a title="Asociar_Cuenta_CentroCosto" href="">Asociar Cuenta Centro Costo</a></li>
				<li><a title="Mayorizar" href="">Item</a></li>
				<li class="subtitulo">Configurar</li>
				<li><a title="Periodo_Contable" href="">Periodo Contable</a></li>
				<li><a title="Parametro_contabilidad" href="">Parametros contabilidad</a></li>
				<li><a title="Reportes" href="">Reportes</a></li>
				<li class="subtitulo">Consultar</li>
				<li><a title="Cuenta_CentroCosto" href="">Cuenta Centro Costo</a></li>
				<li><a title="CentroCosto_Periodo" href="">Centro Costo Periodo Contable</a></li>
				<li><a title="Libro_Mayor" href="">Libro Mayor</a></li>
				<li><a title="Asientos" href="">Asientos</a></li>
				<li><a title="Transacciones" href="">Transacciones</a></li>
				<li class="subtitulo">Reportes</li>
				<li><a title="Actualizacion_Saldo" href="">Actualizacion Saldo</a></li>
				<li><a title="EGP" href="">EGP</a></li>
				<li><a title="Documentos_Pendientes" href="">Documentos Pendientes</a></li>
				<li><a title="Movimientos_Diario" href="">Movimientos Diario</a></li>
				<li><a title="Balance_General" href="">Balance General</a></li>
				<li><a title="Pagos_Realizados" href="">Pagos Realizados</a></li>
				<li><img src="imgs/menu_pagar.png" alt="menu_ventas" width="74" height="89"/></li>
            </ul>
        </li>
        
        <li class="drawer last">
            <h2 class="drawer-handle">Seguridad</h2>
            <ul>
                <li class="subtitulo">Mantenimientos</li>
				<li><a title="Usuarios" href="">Usuarios</a></li>
				<li><a title="Roles" href="">Roles</a></li>
				<li><a title="Claves_No_permitidas" href="">Claves no permitidas</a></li>
                <li class="subtitulo">Transacciones</li>
				<li><a title="Ocurrencias" href="">Ocurrencias</a></li>
                <li class="subtitulo">Configuracion</li>
				<li><a title="Parametros_Sistema" href="">Parametros Sistema</a></li>
               <li class="subtitulo">Reportes</li>
				<li><a title="Acceso_Sistema" href="">Acceso Sistema</a></li>
				<li><img src="imgs/menu_seguridad.png" alt="menu_ventas" width="74" height="89"/></li>
            </ul>

        </li>
    </ul>
	</div>
</body>
</html>